@charset "utf-8";
/* CSS Document */
@font-face {
    font-family:"Proxima Nova Lt";
    src: url(../fonts/ProximaNova-Light.otf);
}
html, body {
    width:100%;
    height:100%;
    overflow-y: hidden;
    overflow-x: hidden;
	min-width:1000px;
}
body{
	padding:0;
	margin:0;
	font-family:"Proxima Nova Lt";
	font-size:13px;
    
    -moz-user-select:none;
	-webkit-user-select:none;
	user-select:none;
}

.fwr-top-layer{
 z-index: 999
}
#Viewer{
		min-width:1000px;
        height: 100%
	}
.fwr-mainframe-header {	
	width: 100%;
	/* height: 172px; */
	display: block;
	background: #ffffff;
	cursor: default;
	min-width: 700px;
}
.fwr-doc-viewer {
	width: 100%; font-size: 12px; height:74%;
}
.fwr-doc-viewer * {
	box-sizing: content-box; -webkit-box-sizing: content-box; -moz-box-sizing: content-box;
}

.fwr-doc-viewer a {
	text-decoration: none;
}
.fwr-doc-viewer ul {
	list-style: none;
}

.fwr-top-layer-2 {
	z-index: 1;
}

.fwr-mainframe-footer {
	position: absolute;	
	bottom: 0;	
	width: 100%;
	height: 29px;   
	background-color: #fff;
	border-top: 1px solid #d7d7d7;
	min-width: 700px;
	padding:2px 5px;
	text-align:center;
}
.fwr-status-bar{
    height: 24px;
    line-height: 24px;
}
.fwr-status-center-bar {
    width: 180px;
    height: 24px;
    line-height:24px;
    margin-left:120px;
}
.fwr-mainframe-footer a{ margin:0 4px}

.ui-slider {
    position: relative;
    text-align: left;
}
.ui-slider-horizontal {
    background:url(../image/zoom_slider.png) repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 6px !important;
}
.fwr-zoom-select-slider {
    margin-top: 9px;
    width: 80px;
    display: inline-block;
}
.fwr-image-btn {
    cursor: pointer;
    display: block;
    float: left;
    height: 16px;
    margin: 4px 2px auto;
}

.fwr-active-btn, .fwr-active-tool{  
    text-decoration: none;
    color: #f08200;
} 


.dropdown-toggle img{
	margin:0 4px 0 0;
	}
.topbar{
	height:32px;
	background-color:#5f6062;
	color:#fff;
	text-align:center;
	font-size:16px;
	}
.topbar ul{ list-style:none; margin:0; padding:0 5px;}
.topbar ul li{ 
	display:inline;
	float:left;
}

.topbar span{ line-height:32px;}

a {
    color: #666;
    text-decoration: none;
}
.nav-tabs > li > a {
    border:0;
    border-radius: 0;
    line-height: 1.42857;
    margin-right: 2px;
	font-size:16px;
}
.nav-tabs > li > a:hover {
	color:#f08200;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #fff;
	border:0;
    border-bottom:1px solid #f08200;
    color: #f08200;
    cursor: default;
}

.tabContainer {
    background: none repeat scroll 0 0 #ffffff;
    border-bottom: 1px solid #e1e1e1;
    height: 92px;
    margin: 0;
    padding-bottom: 0;
    padding-top: 4px;
    width: 100%;
}
.tabBody {
    margin-right: 24px;
    padding-left: 4px;
    padding-right: 4px;
	width: 100%;
}
.groupContainer {
    display: inline-block;
    height: 100%;
}
.groupBody {
    display: block;
    height:71px;
    padding: 0;
    text-align: center;
}
.tabBody {
    background-color: #ffffff;
    display: block;
    height: 92px;
}
.tabBody,  .tabContainer {
    position: relative;
}
.group {
    display: inline-block;
    height: 100%;
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.groupTitle {
    color: #999;
    cursor: default;
    display: block;
    padding: 2px 5px 0;
    text-align: center;
    white-space: nowrap;
	font-size:12px;
}
.ctl-large {
    cursor: default;
    display: inline-block;
    margin: 0 1px;
    overflow: hidden;
    padding: 11px 3px 5px;
    text-align: center;
    vertical-align: top;
}

.ctl-largeIconContainer {
    height: 32px;
    width: 32px;
}
.ctl-largelabel {
    display: block;
    line-height: 1.25;
    padding: 1px;
	font-size:13px;
	width:36px;
	padding-top:24px;
}
.ctl-largelabel a{ color:#777; text-decoration:none;}
a:hover{ color:#f08200; text-decoration:none;}
.groupSeparator {
    border-right: 1px solid #e0e0e0;
    display: inline-block;
    height: 84px;
    margin: 0 4px;
    position: relative;
	}
.ctl-medium {
	height:16px;
	}


.ctl-iconContainer {
    display: inline-block;
    height: 16px;
    width: 16px;
}
.cui-section, .cui-section-alignmiddle {
    display:inline-block;
    text-align: left;
    vertical-align: top;
}
.cui-row, .cui-row-tworow, .cui-row-threerow {
    margin-bottom: 2px;
	display:block;
	padding: 2px 5px;
}
.ctl-mediumlabel {
    color: #666666;
    line-height: 14px;
    margin-bottom: 8px;
    margin-right: 4px;
    margin-top: 2px;
    margin-left:4px;
    padding-left: 22px;
}
.ctl-mediumlabel:hover{ color:#f08200;}

.leftPanel{
	height:100%;
	width: 212px;
	border-right:1px solid #e4e4e4;
	background-color:#f8f8f8;
	float:left;
	display:none;
	}
.rightPanel {
	height: 100%;
	text-align:center;
}
.leftnav{
	width:36px;
	height:100%;
	text-align:center;
	background-color:#ffffff;
}
ul.leftnav {
	list-style:none;
	padding:0;
	margin:0;
	}
ul.leftnav li{
	height:36px;
	padding:0;
	margin:0;
	}
ul.leftnav  li.active{
	background-color:#f2f2f2;
	}
.listPanel{
	width:172px;
	height:100%;
	padding:0;
	margin:0;
	}
.listPaneltitle{
	height:27px;
	border-bottom:1px solid #e4e4e4;
	background-color:#ffffff;
	line-height:27px;
}
.listPanelbody{
	height:100%;
	text-align:center;
}

.listPanelbody .col-lg{
	margin:10px 0;
	}
.listPanelbody a:hover img{
	border:1px solid #f05800;
	}
.modal-header {border:0;}
.form-signin{ max-width:384px; margin:0 auto; text-align:center;}
.form-signin img{ margin-bottom:45px;}
.input-group{ margin-bottom:25px;}
.input-group input{height:45px;}
.fgtpw{ margin:50px 0;}
.fgtpw a{ margin-right:10px}
.fgtpw span{margin-left:10px}
.modal-dialog{ width:560px;}


.fwr-image-btn-16x16 {
    padding: 8px;
    cursor: pointer;
    vertical-align: middle;
    display: inline-block
}
.form-import{
    position:relative;
}
.fwr-image-btn-24x24 {
    display: inline-block;
    vertical-align: middle;;
    padding: 12px;
    width: 24px;  
    cursor: pointer;
}

.fwr-btn-first-page {
    background: url(../image/aa-backward-fast.png) no-repeat;
}

.fwr_btn-previous-page {
    background: url(../image/aa-backward.png) no-repeat;
}


.fwr-btn-next-page {
    background: url(../image/aa-farward.png) no-repeat;
}

.fwr-btn-last-page {
    background: url(../image/aa-farward-fast.png) no-repeat;
}


.fwr-status-right-bar {   
    float:right;     
    height: 24px;
    line-height: 24px
}


.fwr-select-zoom-wrapper:hover { 
    border-color: #239fdb;
}



.fwr-image-btn:hover,.fwr-image-btn-16x16:hover {
    background-color: #A3BDE3;
    border-color: #A3BDE3;
}

.fwr-image-btn.fwr-active-btn{
    background-color: #A3BDE3;
}


.fwr-btn-zoom-out {
    background: url(../image/zoomout_nor.png) no-repeat;
}

.fwr-zoom-select-slider {
    width: 80px;
    margin-top: 9px;
}

.fwr-btn-zoom-in {
    background: url(../image/zoomin_nor.png) no-repeat;
}


.fwr-btn-fit-width {
    background: url(../image/fitwidth_nor.png);
}

.fwr-zoom-select {    
    height: 20px;
}

.fwr-goToPage-input{
    height: 20px;
}


.fwr-btn-disabled {
    opacity: 0.4;
    filter: alpha(opacity=40);   
    cursor: default !important;
}




.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
    filter: inherit;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -1px;
}
.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
    left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
    right: 0;
}
.ui-slider-horizontal:hover
{
    background-color:#ffffff !important;
}
.ui-slider {
    position: relative;
    text-align: left;

    /* height: 2px; */
}
.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 4px;
    height: 8px;
    cursor: default;
    background-color:#888888;
}
.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: .7em;
    display: block;
    border: 0;
    background-position: 0 0;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
    border: 0px;
}

.fwr-goToPage-control{
    display: inline-block;
}

a:focus{
	color:#f08200;
	text-decoration:none;
}

.input-url{
    width: 205px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 5px;
}

.dropdown-menu>li>a{
    height: 32px;
    line-height: 32px;
}

.from-computer{
    position: relative;
    }

.file-input {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;    
    width: 100%;
    height: 100%;
}
#search {
    background-color: #f3f3f3;
    height: 42px;
    line-height: 43px;
    padding-right: 38px;
    position: relative;
    height: 42px !important;
}

#search > .icon{
    width: 32px;
    height:32px;
    display: inline-block;
    vertical-align:middle
}

#search > input {
    background-color: #f3f3f3;
    border-width: 0;
    display: inline-block;
    font-size: 16px;
    height: 24px;
    line-height: 24px;
    vertical-align: middle;
}

#search > .search-icon{
    background: url(../image/search.png) no-repeat center;
}
#search > .search-clear-btn{
    background: url(../image/signature/delete1.png) no-repeat center;
}


#search > .search-clear-btn:hover{
    background: url(../image/signature/delete1_hover.png) no-repeat center;
}
#search>.btn-box{
    width: 38px;
    height: 43px;
    position: absolute;
    top: 0px;
    right: 0px;
}

#search>.btn-box>.search-previous-btn{
    width: 38px;
    height: 22px;
    background: url(../image/arrow_top.png) no-repeat center 11px;
}


#search >.btn-box>.search-next-btn{
    width: 38px;
    height: 22px;
    background: url(../image/arrow_down.png) no-repeat center 6px;
}



.header-select-zoom{
    border-width: 0;
}

*[disabled], .disabled{
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=40);
  -webkit-box-shadow: none;   
         box-shadow: none;
  opacity: .40;    
}

.nav > li > a {
    display: block;
    padding: 10px 13px;
    position: relative;
}

#uploadingModal{    
    height: 46px; 
    background-color: transparent;   
}

#uploadingModal>.progress-bar{
    line-height: 46px;
}